<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/commond/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>个人注册 - 档期网</title>
		<link rel="shortcut icon" href="${ctx }/image/logo_ico.ico" />
		<s:include value="/commond/keydesc.jsp"></s:include>
		<link href="${ctx }/css/login_page.css" rel="stylesheet" type="text/css" />
		<link href="${ctx }/css/request.css" rel="stylesheet" type="text/css" />
		<link type="text/css" href="${ctx}/jqueryui/css/start/jquery-ui-1.8.7.custom.css" rel="stylesheet" />
		<script type="text/javascript" src="${ctx }/js/common/jquery.js"></script>
		<script src="${ctx }/jqueryui/js/jquery-ui-1.8.7.custom.min.js" type="text/javascript"></script>
		<script type="text/javascript">var jQ = jQuery.noConflict();</script>
		<script type="text/javascript" src="${ctx }/js/regjs/common.js"></script>
		<script type="text/javascript" src="${ctx }/js/register.js"></script>
	</head>
	<body style="background:#A1B0B8; ">
		<div class="login_page">
			<input type="hidden" value="${ctx }" id="ctxVal">
			<div class="title">
		    	<div style="width: 900px; height: 65px; margin: 0px auto;">
			    	<div class="logo" style="margin: 0px 0 0 0;">
			        </div>
		        </div>
		    </div>
		    <div class="login_con">
		    	<div class="introduction" style="border: 5px solid #cdcdcd;">
		    		<!-- 注册box -->
		    		<div class="register" >
		            	<div class="register_intr">
		                	<div class="reg_title" id="reg_title">注册</div>
		                	<div class="reg_back" >
		                        <a href="index.html">« 返回</a>
		                    </div>
		                </div>
		                <div class="reg_info">
		                	<p>档期网是一家基于各类日程分享的专业社交网站，创建于2011年。我们旨在为用户提供更好地时间管理及日程安排的在线服务，帮助用户适时的找到自己想要参加的社交活动，并为用户的工作生活等日常活动作出便捷合理的规划。加入档期网，为了让您的生活更加轻松精彩！</p>
		                </div>
		                <div id="register" class="register_box" style="display: none;">
		                	<div class="email">
		                    	<span>电子邮箱：</span>
		                        <input type="text"/>
		                        <i>*</i>
		                        <b class=""></b>
		                    </div>
		                    <div class="emailinfo" style="">
		                    	<div class="emailinfoin1">
		                    		<div class="emailinfoin2">
		                    			<span style="color: #ff0000;font-weight: bold;">重要！</span><span style="font-weight: bold;">请填</span><span style="color: #ff0000;font-weight: bold;">有效邮箱地址</span><span style="font-weight: bold;">，以验证完成注册</span>
		                    		</div>
		                    		<div class="emailinfoin2">
		                    			<span>
		                    			此邮箱地址将即是你的档期网登录账号
		                    			</span>
		                    		</div>
		                    	</div>
		                    </div>
		                	<div class="password">
		                    	<span>密码：</span>
		                        <input type="password"/>
		                        <i>*</i>
		                        <b class="">6-20个字符.</b>
		                    </div>
		                	<div class="password_repeat">
		                    	<span>重复密码：</span>
		                        <input type="password"/>
		                        <i>*</i>
		                        <b class="">请再次输入密码.</b>
		                    </div>
		                    <div class="real_name">
		                    	<span>姓名：</span>
		                        <input type="text"/>
		                        <i>*</i>
		                        <b></b>
		                    </div>
		                    <div class="sex">
		                    	<span>性别：</span>
		                    	<input type="radio" name="sex" value="1" checked="checked"/>
		                    	<span style="width: auto;">男</span>
		                    	<input type="radio" name="sex" value="0"/>
		                    	<span style="width: auto;">女</span>
		                    	<i style="margin-left: 10px;">*</i>
		                    </div>
		                    <div class="birthday">
		                    	<span>出生日期：</span>
		                        <input type="text" onfocus="jQ(this).blur();">
		                        <b></b>
		                    </div>
		                    <div class="address">
		                    	<span>居住地：</span>
		                        <div class="preaddressdiv" id="preaddressdiv">
		                        	<select>
		                        		<option>请选择</option>
		                        	</select>
		                        	<select>
		                        		<option>请选择</option>
		                        	</select>
		                        	<select>
		                        		<option>请选择</option>
		                        	</select>
		                        </div>
		                        <input type="text" id="sufaddress">
		                        <b></b>
		                    </div>
		                    <div class="wrap_numb">
		                        <img alt="看不清，点击换一张，不区分大小写！"/>
		                        <a>看不清楚，换一张？</a>
		                    </div>
		                	<div class="wrap">
		                    	<span>验证码：</span>
		                        <input type="text" />
		                        <i>*</i>
		                        <b class=""></b>
		                    </div>
		                    <div style="margin-left: 120px;">
		                    	<i>*</i>
		                        <span style="width: auto;font-size: 12px;margin-left: 4px;">为必填选项</span>
		                    </div>
		                    <div class="register_btm">
		                    	<a class="rt" ></a>
		                    </div>
		                </div>
		                <div id="sinareg" style="display: block;">
		                	<div class="sinainfo">
		                		<label>头像：</label>
		                		<img width="100" id="sinareg_head"/>
		                	</div>
		                	<ul>
		                		<li><label>姓名：</label><input class="text" type="text"  id="sinareg_name"><b></b></li>
		                		<li id="sinareg_sex"><label>性别：</label>
			                		<input type="radio" checked="checked" value="1" name="ssex">
			                    	<span style="width: auto;">男</span>
			                    	<input type="radio" value="0" name="ssex">
			                    	<span style="width: auto;">女</span>
		                    	</li>
		                		<li>
		                		<label>居住地：</label>
		                		<select style="margin-left: 0px;" id="provinceselect">
		                    		<option>
		                    			请选择
		                    		</option>
		                    	</select>
		                    	<select id="cityselect">
		                    		<option>
		                    			请选择
		                    		</option>
		                    	</select>
		                    	<select id="districtselect">
		                    		<option >
		                    			请选择
		                    		</option>
		                    	</select>
		                        <input type="text" id="address_ext_ipt" class="text"/>
		                        <b></b>
		                		</li>
		                		<li><label>出生日期：</label><input class="text" type="text" id="sinareg_birth" onfocus="this.blur();">
		                		<b></b>
		                		</li>
		                	</ul>
		                	<div class="btnline">
		                    	<button id="sinareg_btn"></button>
		                    </div>
		                </div>
		                <div class="register_box" id="div_msg" style="display: none;">
		                	<div class="msg"><p></p></div>
		                	<div style="font-size: 12px;color: #c42630;width: 710px;">
							1. 提示：您的邮箱可能会将档期网的邮件视为<font style="font-weight: bold;">垃圾邮件</font>，请您在激活帐号时将档期网www.clip24.cn发送的邮件视为安全邮件，谢谢！		                	
		                	</div>
		                	<div style="font-size: 12px;color: #c42630;width: 710px;">
							2. 如果您没有收到我们的激活邮件，您可使用您的注册邮箱发送任意内容至<a href="mailto:Dq.admin@clip24.cn">Dq.admin@clip24.cn<a/>		                	
		                	</div>
		                	<div style="padding:0;" class="msg_btm"></div>
		                </div>             
		            </div>
		            <!-- 注册box end-->
		    	</div>
		    </div>
		    <div id="copyright" class="copyright">
		    	<span>Copyright &copy; 2011 档期</span>
		    </div>
		</div>
		<div id='ALERT' style='display: none;' title='提示'><p style="text-align: center;margin-top: 15px;"></p></div>
		<script type="text/javascript">
			jQ("#ALERT").dialog({
				modal: true,
				bgiframe: true,
				autoOpen: false,
				resizable:false,
				closeOnEscape:false,
				draggable:true
			});
		</script>
	</body>
</html>